<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿王者荣耀官网首页</title>
  <link rel="shortcut icon" href="images/title-logo.jpg">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="icon/iconfont.css">
  <script src="js/header.js" defer></script>
  <script src="js/index.js" defer></script>
</head>

<body>
  <header>
    <div class="all-nav">
      <div class="nav">
        <ul>
          <li><a href="index.html"><img src="images/header-logo.png" alt=""></a></li>
          <li><a href="shopping.html">购物车</a></li>
          <li><a href="estimate.html">评论区</a></li>
          <li><a href="diaoyan.html">满意度调研</a></li>
          <li><a href="temp.html">新英雄介绍</a></li>
          <li><a href="vary.html">百态王者</a></li>
          <li><a href="change.html">游戏资料介绍</a></li>
          <li><a href="protect.html">保护体系</a></li>
          <li><a href="">IP新游</a></li>
          <li>
            <a href="denglu.html"><img src="images/header-ico.png" alt="" class="photo-ico"><span>欢迎登陆</span></a>
          </li>
        </ul>
      </div>
      <div class="navb">
        <ul>
          <li>
            <ul>
              <li>版本介绍</li>
              <li>游戏介绍</li>
              <li>英雄资料</li>
              <li>爆料站</li>
              <li>世界观体验站</li>
              <li>游戏壁纸</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>攻略中心</li>
              <li>开放素材库</li>
              <li>内容共创平台</li>
              <li>手语打法教学</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>王者世冠KIC</li>
              <li>KPL</li>
              <li>K甲联赛</li>
              <li>挑战者杯</li>
              <li>全国大赛</li>
              <li>高校联赛</li>
              <li>王者赛宝</li>
              <li>赛事数据</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>荣耀·传承</li>
              <li>王者文化站</li>
              <li>万千世界</li>
              <li>王者觉悟</li>
              <li>星光殿堂</li>
              <li>IP共创计划</li>
              <li>商户特权</li>
              <li>龙翼王者卡</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>创意互动营</li>
              <li>王者营地</li>
              <li>微信圈子</li>
              <li>官方微博</li>
              <li>微信公众号</li>
              <li>手Q订阅</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>腾讯游戏防沉迷</li>
              <li>成长守护平台</li>
              <li>对局环境情报站</li>
              <li>客服专区</li>
              <li>礼包兑换</li>
              <li>自助服务</li>
            </ul>
          </li>
          <li>
            <ul>
              <li>王者荣耀·世界</li>
              <li>王者荣耀 星之破晓</li>
              <li>代号:启程</li>
              <li>王者万象棋</li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="ajax">
      <p></p>
    </div>
  </header>
  <main>
    <div class="first-row">
      <ul>
        <li>
          <div class="first-row-one">
            <div class="first-row-photo">
              <img src="images/index-1 (1).jpeg" alt="">
            </div>
            <div class="first-row-ul1">
              <ul>
                <li>世冠KIC2023</li>
                <li>纪念头像框票选</li>
                <li>青英杯8强诞生</li>
                <li>解析挑杯决赛</li>
                <li>女子赛收官</li>
              </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="first-row-two">
            <div class="first-row-ul2">
              <ul>
                <li><a class="active" href="javascript:;" data-id="0">热门</a></li>
                <li><a href="javascript:;" data-id="1">新闻</a></li>
                <li><a href="javascript:;" data-id="2">公告</a></li>
                <li><a href="javascript:;" data-id="3">活动</a></li>
                <li><a href="javascript:;" data-id="4">赛事</a></li>
                <li>……</li>
              </ul>
              <p class="p1"><strong>共创策划周4周年纪念头像…</strong></p>
              <p>
              <div class="tag">热门</div><span>&#32;朵莉亚连招小技巧共创开启</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;共创策划周4周年纪念头像框票选活…</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;大小姐驾到!《王者荣耀》x《元梦…</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;体验服活动限时开启!体验服点券…</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;次元壁破了!天猫双11惊喜亮相王…</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;极致冠军杯来了!参赛赢价值5699…</span></p>
              <p>
              <div class="tag">热门</div><span>&#32;周年庆福利抵达,10.28一定来!</span></p>
            </div>
          </div>
        </li>
        <li>
          <div class="div3">
            <img src="images/index-1 download.png" alt="" class="photo">
          </div>
        </li>
      </ul>
    </div>
    <div class="second-row">
      <img src="images/index-2(1).jpg" alt="" class="photo">
      <img src="images/index-2(2).png" alt="" class="photo">
      <img src="images/index-2(3).jpg" alt="" class="photo">
      <img src="images/index-2(4).png" alt="" class="photo">
    </div>
    <div class="third-row">
      <p><i class="iconfont icon-yingxiongxiangqing"></i>本周英雄限免</p>
      <div class="third-row-box">
        <ul>
          <li class="active">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>……</li>
        </ul>
      </div>
    </div>
    <div class="fourth-row">
      <p><i class="iconfont icon-pifu"></i><a href="">精品皮肤</a></p>
      <img src="images/index-clothes1.jpg" alt="" class="photo1" title="亚连——破局者">
      <img src="images/index-clothes2.jpg" alt="" class="photo2" title="百里守约——特工魅影">
      <img src="images/index-clothes3.jpg" alt="" class="photo1 photo3" title="干将莫邪——画中仙">
      <img src="images/index-clothes4.jpg" alt="" class="photo2 photo3" title="夏洛特——浮生妄">
    </div>
  </main>
  <footer>
    <img src="images/footer-img.png" alt="">
    <hr>
    <p>抵制不良游戏拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身合理安排时间享受健康生活</p>
    <p>《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p>
    <hr>
    <p>此网站由</p>
    <p>郭明斌、马召蒙、许泽坚</p>
    <p>共同创作</p>
    <p>创作不易，请一键三连哦</p>
  </footer>
</body>

</html>62